<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>表单</title>
</head>
<body>
<!--
form 表单 action 表单数据提交地址
name 控件，没有该属性的控件无法提交
placeholder 文本占位 用于提示
value 用于保存用户在控件中输入的值  也可用于设置默认值或按钮上的文字
readonly 只读 无法修改但可提交
disabled 禁用 控件被禁用 无法提交
radio 单选
-->
<form action="#">
    姓名：<input type="text" name="umane"><br>
    姓名2：<input type="text" name="umane" placeholder="mima"><br>
    姓名3：<input type="text" name="umane" value="mio"><br>
    姓名4：<input type="text" name="umane" value="mio" readonly><br>
    姓名5：<input type="text" name="umane" value="mio"  disabled><br>
    <input type="radio" name="sex" value="1">男</input>
    <input type="radio" name="sex" value="0">女</input><br>
    爱好：
    <input type="checkbox" name="hobby" value="cy">抽烟</input>
    <input type="checkbox" name="hobby" value="hj">喝酒</input>
    <input type="checkbox" name="hobby" value="dp">打牌</input>
    <br>
    日期:<input type="date" name="qw"><br>
    时间<input type="time" name="qe"><br>
    文件<input type="file" name="qr"><br>
    范围<input type="range" name="re"><br>
<!--select 下拉选项-->
    <select name="qs">
        <option value="1">1</option>
        <option value="2">2</option>
        <option value="3">3</option>
        <option value="4">4</option>
    </select>
    <br>
<!--textarea 留言板 resize 尺寸可调-->
    留言：<textarea name="msg" style="resize: none"></textarea><br>
    <!--    label 关联文字-->
    <input type="checkbox" id="ok">
    <label for="ok">已阅读并同意</label><br>
    <input type="text" name="nn" placeholder="请输入用户昵称" id="nn">
        <label for="nn">用户昵称</label><br>
    </input>
    <input type="submit" value="提交">
    <input type="reset" value="重置">
        <input type="button" value="按钮">
    <button>按钮</button>

</form>
</body>
</html>